.info-list {
    padding: 0 .074rem .051rem .074rem;
}

.info-list li {
    padding: .15rem .162rem;
    margin-top: .051rem;
    background-color: #fff;
    border: 1px solid #dfdfdf;
}

.info-list li::after {
    display: block;
    content: " ";
    clear: both;
}

.info-list li h4 {
    color: #6a534f;
}

.info-list li p {
    margin-top: .05rem;
    color: #9a8e8c;
    font-size: .094rem;
}

.info-list li .author {
    margin-top: .074rem;
    font-size: .082rem;
}

.info-list li .pic {
    width: .859rem;
    height: .613rem;
    float: right;
    margin-left: .09rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}




.info-detail {
    padding: .158rem .142rem;
}

.info-detail h1 {
    color: #3d3d3d;
    font-size: .164rem;
    font-weight: 400;
}

.info-detail h3 {
    color: #999;
    font-size: .0948rem;
    margin-top: .0785rem;
}

.info-detail .author {
    color: #f17961;
}

.info-detail p {
    color: #333;
    font-size: .118rem;
    text-indent: 2em;
    margin-top: .15rem;
    line-height: 1.5;
}

.info-detail .pic {
    text-indent: 0;
}

.info-detail .pic img {
    max-width: 100%;
}